@charset "utf-8";

// export
@import 'toma';
@import 'style-old';


// common
.wrapper{
  margin-bottom: 20px;
}

// partner
.partner-content{
  padding: 40px 0;

  .log{
    float:left;
    width:16.666666%;
    text-align: center;
    height:128px;
    line-height: 114px;
    overflow:hidden;
  }
}
.border-line{
  border-bottom: 1px solid #ddd;
}

// footer
footer{
  height: 320px;
  background-color: #28292e;
  padding-top: 60px;

  .copy{
    height:48px;
    background:#1e1f24;
    line-height: 48px;
    color: #53555f;
    font-size: 12px;
  }
}
.foot-content{
  height:212px;

  .t-map{
    color:#fff;
    margin-right: 70px;

    &:last-child{
      margin-right: 0;
    }
    dt{
      font-size: 16px;
      margin-bottom: 12px;
    }
    dd a{
      font-size: 14px;
      color:#838696;
      line-height: 40px;
    }
  }
  .conright{
    padding-top: 15px;
    p{
      text-align: right;
      color:#fff;
      line-height: 200%;
    }
  }
}

// 图标
%titic{
  width: 16px;
  height:16px;
  margin-right: 8px;
  vertical-align: 0;
}
.ipar{
  @extend %titic;
  background-position: -2px -44px;
}

%fenx{
  width:32px;
  height:32px;
  margin-left: 12px;
  margin-top: 16px;
}

.weibo{
  @extend %fenx;
  background-position: -22px -44px;
}
.weixin{
  @extend %fenx;
  background-position: -22px -78px;
}

.wiki{
  height: 50px;
}

/* list 页面 */

.list-tit{
  padding: 14px 0 0 18px;
  h1{
    font-size: 36px;
    font-weight: bold;
    color: #636f90;
    line-height: 105%;
  }
  p{
    font-size: 20px;
    text-transform: uppercase;
    color: #939fbd;
  }
}
.detail-content{
  width: 750px;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  ul{
    height: auto;
    overflow: auto;
  }
}
.newslayer > p:hover{
  text-decoration: underline;
  color: #DA251C;
}
.page{
  height: 62px;
  line-height: 62px;
  padding-left: 18px;
  li{
    display: inline-block;
    margin-right: 3px;
    a{
      padding: 6px 10px;
      border: 1px solid #949fbe;
      background: #fff;
      color: #949fbe;
      font-size: 12px;
      font-family: "宋体";
      border-radius: 3px;
    }
    &.active > a{
      background: #949fbe;
      color: #fff;
    }
    &:hover > a{
      background: #afbcdd;
      color: #fff;
      border-color: #afbcdd;
    }
  }
}
.thebar{
  font-size: 12px;
  font-family: "宋体";
  padding-left: 16px;
  line-height: 36px;
  border-bottom: 1px dotted #ddd;
}

.art-content{
  width: 750px;
  .art-header{
    border-bottom: 1px dotted #ddd;
    .art-tit{
      padding: 18px 15px 30px 15px;
      font-size: 30px;
      line-height: 1.4;
    }
    p{
      line-height: 36px;
      font-size: 12px;
      color:#999;
      font-family: "宋体";
      padding: 0 15px;
    }
  }
  .art-body{
    padding: 34px 15px 20px 15px;
    border-bottom: 1px dotted #ddd;
    p{
      margin-bottom: 15px;
      text-indent: 28px;
      line-height: 1.8;
    }
    img{
      max-width: 750-30px;
      display: block;
      margin: 0 auto 20px;
    }
  }
}
.log-page{
  padding-left: 15px;
  margin-bottom: 15px;
  a{
    line-height: 32px;
  }
}
.tu-list-content{
  padding: 10px 0;
}


/* 导航下拉菜单 */
.navlist{
  display: none;
  position: absolute;
  background-color: #28292e;
  width: 100%;
  > a{
    display: block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    @extend %text-truncate;
    &:hover{
      background: #636f90;
    }
  }
}


/* 愉快的tab标签 */
.ctit{
  font-size: 16px;
  line-height: 70px;
  color: #9299a9;
  padding-left:20px;
  cursor: pointer;

  -webkit-transition: all .2s ease;
          transition: all .2s ease;
  &.active{
    font-size: 20px;
    line-height: 66px;
    color: #344163;
    //background-color: #d7dde6;
  }
}

/* 首页会员模块 */
.member{
  .member-left{
    width: 240px;
    padding: 0 5px 0 18px;
    .m-d-tit{
      display: block;
      margin-bottom: 5px;
    }
    a{
      white-space: nowrap;
      margin-right: 5px;
      line-height: 1.8;
    }
  }
  .member-content{
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .m-box{
    @extend .pull-left;
    margin-left: 15px;
    width: 200px;
    p{
      line-height: 1.8;
      color: #777;
      @extend %text-truncate;
    }
  }
  .m-img{
    display: block;
    width: 100%;
    height: 130px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
  }
}













